$NOTI_W: 320px;
.cp-rule {
  // background-image: url("#{$base_path}/img/puzzle/rule_bg.png");
  .header-img-wrapper {
    text-align: center;

    .header-img {
      width: 200px;

    }
  }

  > .inner {
    // color: var(--adm-color-primary);
    color: rgb(113, 113, 113);
    line-height: 1.2;;

    .header {
      text-align: center;
      color: var(--adm-color-primary);
    }



    .title {
      //padding: 0 16px;
      font-weight: 800;
      font-size: 1.2rem;
    }

    b {
      margin-top: 5px;
      display: block;
      font-weight: 400;
      color: #000;
      font-size: 1.2rem;
    }

    p {
      line-height: 22px;
      font-size: 12px;
      // margin-bottom: 1.6rem;
      // margin-top: 1px;
      margin: 0;
      //padding: 0 16px;
    }

    font {
      color: var(--adm-color-primary);
    }

    img {
      vertical-align: -3px;
    }
  }

}
